$theme-color: #3c8dbc;

.layout-header{
    background-color: $theme-color;
    background-image: linear-gradient(to right, $theme-color 0%, $theme-color 100%);
    background-repeat: repeat-x;
    .layout-logo{
        padding: 10px;
    }
    .layout-font{
        font-size:26px; 
        font-weight: 300; 
        margin-top: 8px;
        color: #fff;
    }
    .layout-user{
        height: 50px;
        padding: 15px 0px;
        float: right;
        .icon-user{
            color: #fff;
            font-size: 20px;
            cursor: pointer;
        }
        .layout-logout{
            margin-left: 10px;
        }
    }
}

.layout-aside {
    height: calc(100vh - 50px);
    background-color: #222d32;
    overflow: hidden;
    padding: 5px 0 5px 5px;
    .layout-menu {
        height: calc(100vh - 90px);
        border: 0;
    }
	.el-menu--collapse .el-submenu>.el-submenu__title>span{
		height: 0;
		width: 0;
		overflow: hidden;
		visibility: hidden;
		display: inline-block;
	}
    .el-scrollbar {
        // height: 100%;
		height: calc(100vh - 90px);
        width: 100%;
        .el-scrollbar__wrap{
            overflow-x: hidden !important;
        }
        .el-scrollbar__bar.is-horizontal{
            height: 0px;
        }
    }
	.menu-control {
		width: 100%; 
		height: 30px; 
		color: #909399; 
		text-align: center; 
		cursor: pointer;
	}
}

.layout-main{
    padding: 0px;
    background-color: #ecf0f5;
    .content{
        .content-header{
            position: relative;
            font-size: 14px;
            padding: 15px;
            .el-breadcrumb__inner{
                font-size: 14px;
            }
        }
        .content-body{
            height: calc(100vh - 60px - 35px);
            overflow: hidden;
            .el-scrollbar{
                height: 100%;
                width: 100%;
                .el-scrollbar__wrap{
                    overflow-x: hidden !important;
                }
                .el-scrollbar__bar.is-horizontal{
                    height: 0px;
                }
                .el-scrollbar__view{
                    padding: 0px 15px 5px 15px;
                }
            }
        }    
    }
}